<template>
	<view class="page-banner">
		<wd-swiper :list="Data.BannerList" autoplay :indicator="{ type: 'dots-bar' }"
			v-model:current="Data.BannerCurrent"></wd-swiper>
	</view>
	<!-- 功能区 -->
	<view class="options">
		<view class="options-list">
			<view class="options-list-li" v-for="(o,index) in Data.OptionsList">
				<image class="options-list-li-image" :src="o.image" mode=""></image>
				<text class="options-list-li-name">{{o.name}}</text>
			</view>
		</view>
	</view>
	<view class="header-card" v-for="(e,index) in Data.Operation.list">
		<view class="card-header">
			<view class="card-header-left">
				<text class="card-header-left-title">{{e.title}}</text>
				<wd-icon name="help-circle" />
			</view>
			<view class="card-header-right">
			</view>
		</view>
		<view class="card-content">
			<view class="card-content-li" v-for="(k,index) in e.list">
				<text class="card-content-li-title">{{k.title}}</text>
				<text class="card-content-li-value">{{k.value || 0}}</text>
				<text class="card-content-li-tips">{{k.contrast || "--"}}</text>
			</view>
		</view>
	</view>

</template>

<script setup>
	import overallRequest from "@/utool/http/http.js"
	import {
		reactive
	} from 'vue';
	import {
		onLoad,
		onReachBottom,
		onReady,
		onShow
	} from "@dcloudio/uni-app"
	const Data = reactive({
		dataGetStatus: false,
		BannerCurrent: 0,
		BannerList: [],
		OptionsList: [],
		Operation: {
			list: []
		}
	})
</script>

<style>
</style>